<template>
   <div class="allbuju">
        <Top/>

            <div class="login_box" height="50px" width="60px">
      <div class="img1" >
        <img :src="imgUrl" class="img2" alt="" srcset=""  />
      </div>
    </div>
    <div class="a2">
        <span >&nbsp;&nbsp;&nbsp;剪纸</span><br>
         <span class="ab1">&nbsp;&nbsp;&nbsp;&nbsp;报名时间：2022-11-22 00：00-2023-11-22 00：00</span><br>
          <span class="ab1">&nbsp;&nbsp;&nbsp;&nbsp;活动时间：2024-12-22 00：00-2025-11-22 00：00</span><br>
          <span class="ab1">&nbsp;&nbsp;&nbsp;&nbsp;活动地址：无线小区</span>
    </div>
    <div class="a2">
        <span>报名人员1 限额39</span><hr>
         <el-avatar :icon="UserFilled" />
    </div>
   <div class="a2">
   <span>详情</span><hr>
   <span>强大哈哈哈哈<br></span>
    <span>强大哈哈哈哈<br></span>
     <span>强大哈哈哈哈<br></span>
      <span>强大哈哈哈哈<br></span>
      <span>强大哈哈哈哈<br></span>
      <span>强大哈哈哈哈<br></span>
   </div>
         <!-- 底部 -->
         <div>
               <div id="footer">
            <div class="foot"  @click="shequgonggongfuwu">
                    <div class="topright"> 
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-shouye"></use>
                        </svg>
                    </div>
                    <span >首页</span>
                </div>
				 <div class="foot" >
                    <div class="topright"> 
                       <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-31wode"></use>
                        </svg> 
                    </div>
                  客服中心
                </div>
              
                <div class="foot" @click="jiaoyukecheng">
                    <div class="topright"> 
                       <el-icon size="36" class="el-input__icon" ><Star style="width: 1em; height: 1em; margin-right: 8px" /></el-icon>
      
                    </div>
                    活动
                </div>
               
        </div>
         <div class="foot1" id="a3" @click="gerenxinxi">
                    <div class="topright"> 
                  </div>
                    <span >报名结束</span>
                </div>  
         </div>
   
 
   </div>
</template>

<script>
import  {Star,Setting} from '@element-plus/icons-vue'
import { UserFilled } from '@element-plus/icons-vue'
import imgPath from "@/assets/index/1.png"
import { ShareSheet } from 'vant';
import Top from '@/components/Top.vue'
import { ArrowDown, Document } from "@element-plus/icons-vue"
import { showToast } from 'vant';
export default {
  name: 'baoming',
  components: {
    Top,
  },  data() {
    return {
        //方法二 利用require直接写
     imgUrl: require('@/assets/index/1.png'),   
     imgUrl: imgPath,  //再引用 
    };
  },	
  methods: {
			 
        jiaoyukecheng:function(){
            this.$router.replace('/jiaoyukecheng')
        },
		 shequgonggongfuwu:function(){
            this.$router.replace('/shequgonggongfuwu')
        },
		 gerenxinxi:function(){
            this.$router.replace('/gerenxinxi')
        },
}
}
</script>
  <script setup >
import { UserFilled } from '@element-plus/icons-vue'
</script>

<style lang="less" scoped>
.img2{
   max-height: 390px; 
   max-width: 1000px;
}
.ab1{
    font-style:Lucida Calligraphy ; 
    font-weight: lighter;
    font-size:  x-small;
}
.a2 {
    border: 1px solid rgb(212, 212, 212);
    padding: 1px;
    margin: 2px;
}

#footer{
    float: left;
    width:50%;
    height: 60px;
    background: rgb(216, 239, 216);
    display: flex; 
    padding: 0px;              
    justify-content: space-between;
    align-items: center;
}
.foot{
    padding: 5px;
}
#a3{
     
    max-height: 100px;
    height: 60px;
    text-align: center;
    margin: 1px;
    line-height: 60px; 
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    background: rgb(253, 219, 155);
}
</style>

